.zf_wrap{background: #f2f2f2;}
.banner-xy{position: relative; z-index: 1; overflow: hidden; width: 100%;}
.banner-xy img{    text-align: center; width: 100%; margin: 0 auto;}



.lp_slide{min-width: 320px; max-width: 750px; overflow-x: hidden; overflow-y: auto;}
img{ display: block;}
.zf_xyclass{ width: 100%; overflow: hidden; background: #fff; margin-bottom: 2%; padding-top: 2%; }
.zf_xyclass li{width: 25%; float: left; text-align: center; overflow: hidden; position: relative; padding-bottom: 8%; }
.zf_xyclass li a{ display: block;}
.zf_xyclass li img{ width: 50%; margin: 10% auto; }
.zf_xyclass li p{position: absolute; text-align: center; width: 100%; display: block; bottom: 15%; font-size: 0.9em;}

.zf_xytit{ padding: 3% 0; text-align: center; overflow: hidden; }
.zf_xytit h2{font-size: 19px; color: #313131; padding: 5px 0 12px; font-weight: bold;}
.zf_xytit h2 span{ color: #0267ff;}
.zf_xytit p{font-size: 13px; color: #666;}
.zf_col h2{ color: #fff;}

.zf_xy1{ padding:3% 0 5%; overflow: hidden; background: #fff;margin-bottom: 2%;  }
.zf_xy1 ul{ padding:3% 10px; }
.zf_xy1 ul li{float: left; width: 44%; padding: 10px ; text-align: center;}
.zf_xy1 ul li h4{ font-size: 15px ; font-weight: bold; margin: 10px 0 5px; }
.zf_xy1 ul li img{ width:60%; margin: 2% auto;    vertical-align: middle;}
.zf_xy1 ul li span{ font-size: 13px; color: #666;}

.zf_xy2{ background: #fff; padding: 0;}
.zf_xy2 .zf_newnav{ padding: 0px 0 10px;width: 100%; margin: 0 auto;}
.zf_xy2 .zf_newnav ul{ border-bottom: 3px #F5F5F5 solid;}
.zf_xy2 .zf_newnav li{ float: left; border-right: 1px solid #ccc;width: 33%; text-align: center; height: 50px; line-height:50px;font-size: 1.3em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.zf_xy2 .zf_newnav li a{ color: #222;font-size: 16px;  display: block;}
.zf_xy2 .zf_newnav li:hover a,.zf_xy2 .zf_newnav li.zf_cur a{ background: #0094ff; color: #fff;  transition: background 1s,color 1s; }

.zf_xy2 .zf_newcon{ padding:10px 10px; overflow: hidden;}
.zf_xy2 .zf_newcon .zf_news_big{ width: 100%;}
.zf_xy2 .zf_newcon .zf_big_top{ overflow: hidden; padding: 3% 0 2%;} 
.zf_xy2 .zf_newcon .zf_big_top img{ float: left; width: 35%; margin-right: 5%;}
.zf_xy2 .zf_newcon .zf_big_top .zf_big_r{ float: left; width: 60%;}
.zf_xy2 .zf_newcon .zf_big_top .zf_big_r .zf_newstit{  padding-top: .5%; color: #0267ff; font-size: 15px;}
.zf_xy2 .zf_newcon .zf_big_top .zf_big_r span { font-size: .6em; color: #BEBDBD; }
.zf_xy2 .zf_newcon .zf_news_big p{     font-size:  0.9em; color: #838383; line-height: 1.3em;}
.zf_xy2 .zf_newcon .zf_news_big p span{color: #0567a2;}
.zf_xy2 .zf_news{    padding-top: 3%;}
.zf_xy2 .zf_news li{ background: url("../images/dot.jpg") no-repeat left center; background-size: 2%;  padding: 3.5% 0 3.5% 5%; border-bottom: 1px dashed #E4E4E4;font-size: 0.9em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zf_xy2 .zf_news li a{font-size: .9em; display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.zf_xy2 .zf_med{ width: 100%;}
.zf_xy2 .zf_med li{ background: url("../images/dot.jpg") no-repeat left 31%; background-size: 2%; padding: 2.5% 0 2.5% 5%;border-bottom: 1px dashed #E4E4E4;}
.zf_xy2 .zf_med li p{ width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 0.9em;}
.zf_xy2 .zf_med li a{font-size: .9em; display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.zf_li_down span{font-size: .8em; color: #838383; padding-right: 2%;}

.zf_xy3 table {width: 100%;padding: 0 10px; border-collapse: collapse; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6;  margin: 20px auto 30px; text-align: center; color: #333; background-color: #fafafa;}
.zf_xy3 table tr:first-of-type{ font-size: 12px;}
.zf_xy3 table td:first-of-type{    width: 39px; height: 28px; line-height: 16px;}
.zf_xy3 table tr th{border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; padding: 4px; font-size: 15px;    color: #c00; text-align: center;}
.zf_xy3 table tr td{border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; padding: 4px; font-size: 14px;}
.bg-green{ background-color:#1184E1;}
.c-white{ color: #fff;}

.zf_xy4{background: #fff;}
.zf_xy4 .zf_list{overflow: hidden; padding: 20px 0 0px; }
.zf_xy4 .zf_list li{ width: 32%; float: left; margin-bottom: 6%; margin-left: 1%; text-align: center;}
.zf_xy4 .zf_list li .zf_bg{  width: 100%; position: relative; height: 9em;}
.zf_xy4 .zf_list li .zf_bg .zf_border{     width: 76%; height: 9em; border: 1px solid #ccc; position: absolute; left: 18%; top: 0;}
.zf_xy4 .zf_list li .zf_bg img{   width: 80%; position: absolute; left: 8%; top: 1%; z-index: 2;}
.zf_xy4 .zf_list li h4{  text-align: center; color:#484848; font-size: 18px; margin-top: 8%; font-weight: bold;}
.zf_xy4 .zf_list li p{ font-size: 12px; margin: 4% 0;  color: #949494;}
    
.zf_more{display: block; color: #0267ff; margin: 10px auto 20px;width: 40%; height: 35px; font-size: 15px; line-height: 35px; text-align: center; border-radius: 6px; border: 1px solid #0267ff; transition: background 1s,color 1s;}
.zf_more:hover{ background: #0267ff; color: #fff;}

.zf_xy5 .zf_daka{ padding-top: 10px; overflow: hidden;}
.zf_xy5 .zf_daka li{ margin: 0 10px; float: left;}
.zf_xy5 .zf_daka li img{border-radius: 50%; width: 110px ; height: 110px ; margin: 10px auto ;text-align: center; }
.zf_xy5 .zf_daka li p{ font-size: 16px; text-align: center;color: #333;}
.zf_xy5 .zf_daka li span{ font-size: 14px; color: #666;}
.zf_xy5 .zf_daka li b{ display: block; line-height: 25px; margin: 20px auto 10px;font-weight: normal; padding: 10px; background: #fff; font-size: 14px; color: #666;}


.zf_xy6{ height: 358px; background: url("../images/ab_banner_bg.jpg"); position: relative; margin-bottom: 0;}
.zf_xy6 .zf_grad{ padding: 10px 0; overflow: hidden;}
.zf_xy6 .zf_grad li{position: relative; margin: 2%; float: left; overflow: hidden; width: 46%;padding-bottom: 15px; text-align: center;}
.zf_xy6 .zf_grad li img{width: 50%; left: 25%; border-radius: 50%; position: absolute; margin: 0 auto;;}
.zf_xy6 .zf_grad li .zf_infor{width: 100%; height: 200px; background: #fff;    margin-top: 40px;    padding-bottom: 10px}
.zf_xy6 .zf_grad li .zf_infor h3{padding-top: 60px; font-size: 17px; text-align: center;}
.zf_xy6 .zf_grad li .zf_infor p{ font-size: 14px; line-height: 25px; text-align: left; padding: 0 10px;    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zf_xy6 .zf_grad li .zf_infor div{  padding: 5px 10px; display: inline-block; margin: 0 auto; background: #0267ff; border-radius: 4px; font-size: 14px; color: #FFFFFF; margin-top: 10px; }

.zf_xy7{ background: #231c1c; padding-bottom: 20px; margin-bottom: 0;height: 250px;}
.zf_xy7 ul{ padding: 20px 0;}
.zf_xy7 ul li{ width: 22%; margin: 1%  ; float: left; border: 1px solid #ccc;}
.zf_xy7 ul li img{ display: block;; width: 100%;margin: 0;}

.zf_xy8{background: #fff;padding-bottom: 40px; }
.zf_xy8 .zf_tag3{ padding-bottom:40px;} 
.zf_xy8 .zf_p2-title{  padding-bottom: 18px; font-size: 16px; line-height: 16px;text-align: center;}
.zf_xy8 .zf_img{  width: 100%; height: auto; display: block;}
.zf_main{  margin: 0 auto; width: 90.625%;}
.zf_main li{  width: calc(100%/3 + 0px);  padding-top: 6px; font-size: 14px; line-height: 14px; float: left;  text-align: center;}
.zf_xy8 .zf_tag4{ padding-bottom:40px;} 
.zf_xy8 .zf_tag4 li{  text-align: center;  padding-top: 6px;  width: 25%;  float: left; font-size: 14px; line-height: 14px;}

.zf_tag5 img{ width: 100%; height: auto; display: block;}

